<template>
	<view class="content productPage">
		<top path="product" />
		<banner title="Hi-tech Material" />
		<introduce :info="introduce"/> 
		<!-- 特点 -->
		<view class="features">
			<view class="top-cont">
				<view class="title">
					Product Features
				</view>
				产品特点
			</view>
			<view class="content">
				 <view class="item" v-for="(item, index) in features" :key="index">
				 	<view class="title">
				 		{{item.title}}:
				 	</view>
					{{ item.text}}
				 </view>
			</view>
		</view>
		<!-- 视频 -->
		<view class="product-video">
			<image mode="widthFix" src="http://aiweb.pro.aisisoft.com.cn//storage/cover_img/cb/a55f62a10311d9604a93c1a3a7bfa6.png"></image>
			<video src="https://aisisoft-cn-homepage-1312366157.cos.ap-nanjing.myqcloud.com/ceshi/chanpin.mp4"></video>
		</view>
		<!-- 轮播 -->
		<view class="product-banner">
			<ProductBanner></ProductBanner>
		</view>
		<bottom/>
	</view>
</template>

<script>
	import mixins from '../mixins';
	import top from '@/components/top/index.vue'
	import bottom from '@/components/bottom/index.vue'
	import banner from '@/components/banner/index.vue'
	import ProductBanner from '../components/banner.vue'
	import introduce from '@/components/introduce/index.vue'
	export default {
		mixins: mixins,
		components: {
			top,
			bottom,
			banner,
			introduce,
			ProductBanner
		}
	}
</script>

<style lang="scss" scoped src="../style.scss"></style>